/<template>
  <ul>
      <li 
      v-for='(item,index) in foot' 
      :key='index' 
      @click="changeActive(index)"
      :class='{on:index==activeIndex}'
      >{{item.title}}</li>
  </ul>
</template>

<script>
export default {
    props:{
        foot:Array,
        activeIndex:Number
    },
    methods:{
        changeActive(index){
            this.bus.$emit('changeActive',index)
        }
    }
}
</script>

<style>
.on{
    color: #fff;
    font-size: 20px;
}
</style>